<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS的组成</title>
</head>
<body>

  <div id="app"></div>
  
  <frameset>
    <frame>
  </frameset>

  <script>
    // BOM 对象
    // globalThis 对象于 es11 新增
    console.log("window==>", window, globalThis)
    // DOM 对象，也是JS的 DOM 部分的实现。
    // 所有的挂载在 window 上的属性和方法是可以不写 window 前缀的
    console.log("document==>", document, window.document)
    // frames 框架对象
    console.log("frames==>", frames, window.frames)
    // 浏览器对象
    console.log("navigator==>", navigator, window.navigator)
    // 历史信息
    console.log("history==>", history, window.history)
    // 路由对象
    console.log("location==>", location, window.location)
    // 显示器对象
    console.log("screen==>", screen, window.screen)

    const appDom = document.getElementById("app")
    appDom.addEventListener("click", () => {})
  </script>
</body>
</html>
